<html>

<head>
    <meta name="x5-page-mode" content="app">
    <meta name="x5-fullscreen" content="true">
    <meta name="browsermode" content="application">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>8bit Editor</title>
    <script src="lib/graph.js"></script>
    <script src="lib/gitee.remotetool.js"></script>
    <script src="lib/app.js"></script>
</head>

<body
    style="margin: 0px;overflow: hidden;user-select: none;-webkit-user-select: none; -moz-user-select: none;user-zoom: none;-webkit-user-drag: none;"
    oncontextmenu="self.event.returnValue=false">
    <div id="root" style="position: absolute;background-color: black;width: 100%;height: 100%;">
        <img name="up" draggable="false"
            style="position: absolute; left: 64px; bottom: 144px; width: 32px;height: 32px;z-index:100;"
            src="img/b.png"></img>
        <span
            style=" text-align: center; pointer-events: none; position: absolute; left: 64px; bottom: 144px; width: 32px;height: 32px;z-index:101;color:rgba(255,255,255,0.7);">W</span>
        <img name="down" draggable="false"
            style=" position: absolute; left: 64px; bottom: 48px; width: 32px;height: 32px;z-index:100;"
            src="img/b.png"></img>
        <span
            style=" text-align: center; pointer-events: none;  position: absolute; left: 64px; bottom: 48px; width: 32px;height: 32px;z-index:101;color:rgba(255,255,255,0.7); ">S</span>

        <img name="left" draggable="false"
            style=" position: absolute; left: 16px; bottom: 96px; width: 32px;height: 32px;z-index:100;"
            src="img/b.png"></img>
        <span
            style=" text-align: center; pointer-events: none;  position: absolute; left: 16px; bottom: 96px; width: 32px;height: 32px;z-index:101;color: rgba(255,255,255,0.7);">A</span>

        <img name="right" draggable="false"
            style=" position: absolute; left: 112px; bottom: 96px; width: 32px;height: 32px;z-index:100;"
            src="img/b.png"></img>
        <span
            style=" text-align: center; pointer-events: none;  position: absolute; left: 112px; bottom: 96px; width: 32px;height: 32px;z-index:101;color:rgba(255,255,255,0.7); ">D</span>

        <img name="select" draggable="false"
            style=" position: absolute; left: 112px; bottom: 16px; width: 64px;height: 32px;z-index:100;"
            src="img/b_long.png"></img>
        <span
            style=" text-align: center; pointer-events: none;  position: absolute; left: 112px; bottom: 16px; width: 64px;height: 32px;z-index:101;color: rgba(255,255,255,0.7); ">SPACE</span>

        <img name="a" draggable="false"
            style=" position: absolute; right: 16px; bottom: 88px; width: 48px;height: 48px;z-index:100;"
            src="img/b.png"></img>
        <span
            style=" text-align: center; pointer-events: none;  position: absolute; right: 16px; bottom: 88px; width: 48px;height: 48px;z-index:101;color:rgba(255,255,255,0.7); ">K</span>
        <img name="b" draggable="false"
            style="position: absolute; right: 96px; bottom: 88px; width: 48px;height: 48px;z-index:100;"
            src="img/b.png"></img>
        <span
            style=" text-align: center; pointer-events: none;  position: absolute; right: 96px; bottom: 88px; width: 48px;height: 48px;z-index:101;color:rgba(255,255,255,0.7); ">J</span>

        <img name="start" draggable="false"
            style=" position: absolute; right: 112px; bottom: 16px; width: 64px;height: 32px;z-index:100;"
            src="img/b_long.png"></img>
        <span
            style=" text-align: center; pointer-events: none;  position: absolute; right: 112px; bottom: 16px; width: 64px;height: 32px;z-index:101;color:rgba(255,255,255,0.7); ">ENTER</span>

        <img draggable="false" style="pointer-events: none;position: absolute; z-index: 1000;" src="img/8bit.png"></img>
        <img draggable="false" style="pointer-events: none;position: absolute; right: 0px;z-index: 1000;"
            src="img/lights.png"></img>

    </div>


</body>

</html>